import React, { memo } from 'react'
import { renderRoutes } from 'react-router-config'
import { Provider } from 'react-redux'

import './App.css'
import store from './store'
import router from '@/router/index'
import AppHeader from '@/components/app-header'
import AppFooter from '@/components/app-footer'
import { HashRouter } from 'react-router-dom'
export default memo(function App() {
  return (
    <div>
      <Provider store={store}>
        <HashRouter>
          <AppHeader/>
          { renderRoutes(router) }
          <AppFooter/>
        </HashRouter>
      </Provider>  
    </div>
  )
})
